.workContainer {
  margin-top: 120px;
  padding-left: 80px;
  padding-right: 80px;
  padding-bottom: 80px;
  .title {
    font-size: 44px;
    font-weight: bold;
    text-align: center;
  }

  .workCard {
    background-size: cover;
    overflow: hidden;
    height: 300px;
    border-radius: 4px;

    .textContainer {
      height: 140px;
      padding: 10px 20px;
      background: linear-gradient(90deg, rgba(98, 213, 240, 1), rgba(24, 109, 255, 0.7));

      .cardTitle {
        color: #ffffff;
        font-weight: bold;
        font-size: 24px;
      }

      .cardDescription {
        color: rgba(255, 255, 255, 0.8);
        font-size: 17px;
      }
    }


  }
}

.benefitContainer {
  background: linear-gradient(225deg, #186DFF 63%, #62D5F0 115%);
  padding: 10px 240px;

  .title {
    margin: 60px 0;
    font-size: 44px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
  }

  .text {
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
  }

  .subtitle {
    padding: 40px 240px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
  }
}

.positionContainer {
  .title {
    margin-top: 60px;
    font-size: 44px;
    font-weight: bold;
    text-align: center;
    color: #000000;
  }

  .subtitle {
    text-align: center;
    color: #000000;
    font-size: 20px;
    margin-bottom: 60px;
  }

  .tableContainer {
    padding: 20px 120px;
    margin-bottom: 100px;

    :global(.ant-table-row) {
      cursor: pointer;
    }
  }

  .expand {
    padding-left: 50px;
  }
}



